<!--
author: W3layouts
author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Metier a Corporate Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- custom-theme -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Metier Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>


<link href="css/nav.css" rel="stylesheet" type="text/css" media="all" /> <!-- For-Navigation-CSS -->

<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
		<!-- For-gallery-CSS -->

<!-- //custom-theme -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />


<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome-icons -->

<!-- googlefonts -->
<link href="//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext" rel="stylesheet">
<!-- //googlefonts -->

</head>
<body>
<div class="top">
					<div class="container">
						
							<div class="col-md-9 top-left">
								<ul>
									<li><i class="fa fa-map-marker" aria-hidden="true"></i> 1143 New York, USA</li>
									<li><i class="fa fa-phone" aria-hidden="true"></i> +(010) 221 918 811</li>
									<li><i class="fa fa-envelope-o" aria-hidden="true"></i> <a href="mailto:info@example.com">info@example.com</a></li>
								</ul>
							</div>
							<div class="col-md-3 top-middle">
								<ul>
									<li><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li><a href="#"><i class="fa fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
									<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
								</ul>
							</div>
							
							<div class="clearfix"></div>
						
					</div>
				</div>
	
<div class="sub-agile">
	<div class="container">
		<div class="agile1">
			<!-- navigation section -->
				<div>
					<p>
						<button id="trigger-overlay" type="button">
							<i class="fa fa-bars" aria-hidden="true"></i>

						</button>
					</p>
				</div>
				<!-- open/close -->
				<div class="overlay overlay-boxes">
					<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="101%" viewBox="0 0 1440 806" preserveAspectRatio="none">
						<path d="m0.005959,200.364029l207.551124,0l0,204.342453l-207.551124,0l0,-204.342453z"/>
						<path d="m0.005959,400.45401l207.551124,0l0,204.342499l-207.551124,0l0,-204.342499z"/>
						<path d="m0.005959,600.544067l207.551124,0l0,204.342468l-207.551124,0l0,-204.342468z"/>
						<path d="m205.752151,-0.36l207.551163,0l0,204.342437l-207.551163,0l0,-204.342437z"/>
						<path d="m204.744629,200.364029l207.551147,0l0,204.342453l-207.551147,0l0,-204.342453z"/>
						<path d="m204.744629,400.45401l207.551147,0l0,204.342499l-207.551147,0l0,-204.342499z"/>
						<path d="m204.744629,600.544067l207.551147,0l0,204.342468l-207.551147,0l0,-204.342468z"/>
						<path d="m410.416046,-0.36l207.551117,0l0,204.342437l-207.551117,0l0,-204.342437z"/>
						<path d="m410.416046,200.364029l207.551117,0l0,204.342453l-207.551117,0l0,-204.342453z"/>
						<path d="m410.416046,400.45401l207.551117,0l0,204.342499l-207.551117,0l0,-204.342499z"/>
						<path d="m410.416046,600.544067l207.551117,0l0,204.342468l-207.551117,0l0,-204.342468z"/>
						<path d="m616.087402,-0.36l207.551086,0l0,204.342437l-207.551086,0l0,-204.342437z"/>
						<path d="m616.087402,200.364029l207.551086,0l0,204.342453l-207.551086,0l0,-204.342453z"/>
						<path d="m616.087402,400.45401l207.551086,0l0,204.342499l-207.551086,0l0,-204.342499z"/>
						<path d="m616.087402,600.544067l207.551086,0l0,204.342468l-207.551086,0l0,-204.342468z"/>
						<path d="m821.748718,-0.36l207.550964,0l0,204.342437l-207.550964,0l0,-204.342437z"/>
						<path d="m821.748718,200.364029l207.550964,0l0,204.342453l-207.550964,0l0,-204.342453z"/>
						<path d="m821.748718,400.45401l207.550964,0l0,204.342499l-207.550964,0l0,-204.342499z"/>
						<path d="m821.748718,600.544067l207.550964,0l0,204.342468l-207.550964,0l0,-204.342468z"/>
						<path d="m1027.203979,-0.36l207.550903,0l0,204.342437l-207.550903,0l0,-204.342437z"/>
						<path d="m1027.203979,200.364029l207.550903,0l0,204.342453l-207.550903,0l0,-204.342453z"/>
						<path d="m1027.203979,400.45401l207.550903,0l0,204.342499l-207.550903,0l0,-204.342499z"/>
						<path d="m1027.203979,600.544067l207.550903,0l0,204.342468l-207.550903,0l0,-204.342468z"/>
						<path d="m1232.659302,-0.36l207.551147,0l0,204.342437l-207.551147,0l0,-204.342437z"/>
						<path d="m1232.659302,200.364029l207.551147,0l0,204.342453l-207.551147,0l0,-204.342453z"/>
						<path d="m1232.659302,400.45401l207.551147,0l0,204.342499l-207.551147,0l0,-204.342499z"/>
						<path d="m1232.659302,600.544067l207.551147,0l0,204.342468l-207.551147,0l0,-204.342468z"/>
						<path d="m-0.791443,-0.360001l207.551163,0l0,204.342438l-207.551163,0l0,-204.342438z"/>
					</svg>
					<button type="button" class="overlay-close">Close</button>
					<nav>
						<ul>
							<li><a href="index.html">Home</a></li>
							<li><a href="about.html">About</a></li>
							<li><a href="portfolio.html">Portfolio</a></li>
							<li><a href="icons.html">Icons</a></li>
							<li><a href="codes.html">Codes</a></li>
							<li><a href="contact.html">Contact</a></li>
						</ul>
					</nav>
				</div>
				<!-- /open/close -->
			<!-- /navigation section -->
		</div>
		<div class="log-lt">
		<a href="index.html">
			<ul class="logo">
				<li><h1>Metier</h1></li>
			</ul>
			</a>
		</div>
		<div class="se-rht">
			<div class="search-box">
				<div id="sb-search" class="sb-search">
					<form>
						<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
						<input class="sb-search-submit" type="submit" value="">
						<span class="sb-icon-search"> </span>
					</form>
				</div>
			</div>
		</div>
			<div class="clearfix"> </div>
	</div>
</div>	
<!-- banner -->
<div class="w3l-banner">
 <div class="banner-dott">
	<div class="header">
		<!-- //Header -->
		<div class="container">
			<div class="flexslider-info">
				<section class="slider">
					<div class="flexslider">
						<ul class="slides">
							<li>
							<div class="w3l-info">
								<h2>Develop your entire business plan</h2>
								<h6>Lorem ipsum dolor sit amet, Sed ut perspiciatis unde omnis iste natus error sit voluptatem Sed ut perspiciatis unde omnis iste natus error sit voluptatem</h6>
								<div class="gd_tp">
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-globe" aria-hidden="true"></i>
											<p>Sed ut perspiciatis unde omnis iste natus</p>
											</div>
										</div>
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-folder-open" aria-hidden="true"></i>
											<p>Sed ut perspiciatis unde omnis iste natus</p>
											</div>
										</div>
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-cogs" aria-hidden="true"></i>
											<p>Sed ut perspiciatis unde omnis iste natus</p>
											</div>
										</div>
										<div class="clearfix"></div>
									</div>
							</div>
							</li>
							<li>
								<div class="w3l-info">
								<h3>To understand your goals</h3>
								<h6>Lorem ipsum dolor sit amet, Sed ut perspiciatis unde omnis iste natus error sit voluptatem Sed ut perspiciatis unde omnis iste natus error sit voluptatem</h6>
								<div class="gd_tp">
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-folder-open" aria-hidden="true"></i>
											<p>Sed ut perspiciatis unde omnis iste natus</p>
											</div>
										</div>
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-globe" aria-hidden="true"></i>
											<p>Sed ut perspiciatis unde omnis iste natus</p>
											</div>
										</div>
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-cogs" aria-hidden="true"></i>
											<p>Sed ut perspiciatis unde omnis iste natus</p>
											</div>
										</div>
										<div class="clearfix"></div>
									</div>
								</div>
							</li>
							<li>
								<div class="w3l-info">
								<h3>We work closely with you.</h3>
								<h6>Lorem ipsum dolor sit amet, Sed ut perspiciatis unde omnis iste natus error sit voluptatem Sed ut perspiciatis unde omnis iste natus error sit voluptatem</h6>
								<div class="gd_tp">
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-cogs" aria-hidden="true"></i>
											<p>Sed ut perspiciatis unde omnis iste natus</p>
											</div>
										</div>
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-folder-open" aria-hidden="true"></i>
											<p>Sed ut perspiciatis unde omnis iste natus</p>
											</div>
										</div>
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-globe" aria-hidden="true"></i>
											<p>Sed ut perspiciatis unde omnis iste natus</p>
											</div>
										</div>
										<div class="clearfix"></div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</section>
			</div>
		</div>
	</div>
</div>
</div>
<!-- //banner -->
<!-- About us -->
	<div class="about-3">
		<h3 class="heading-agileinfo">Welcome<span>Business information an organisation</span></h3>
		<div class="container">
			<div class="d-flex">
				
				<div class="about1"> 
					<h4>Etiam vitae augue odio</h4>
					<p class="details">Nullam pulvinar vulputate aliquam. Pellentesque venenatis ut mi ac porta. Praesent interdum nibh libero, id malesuada libero aliquet quis. Donec at odio nibh.</p>
					<ul class="about-list">
						<li>
							
							<div class="in-block">
								<h5>Creating Future</h5>
								<p>Suspendisse maximus leo vel facilisis porta. Aliquam posuere mollis auctor. Nunc eget massa eleifend, finibus felis eu, tincidunt eros.</p>
							</div>
						</li>
						<li>
						
							<div class="in-block">
								<h5>Knowledge</h5>
								<p>Suspendisse maximus leo vel facilisis porta. Aliquam posuere mollis auctor. Nunc eget massa eleifend, finibus felis eu, tincidunt eros.</p>
							</div>
						</li>
						<li>
						
							<div class="in-block">
								<h5>Inspiration</h5>
								<p>Suspendisse maximus leo vel facilisis porta. Aliquam posuere mollis auctor. Nunc eget massa eleifend, finibus felis eu, tincidunt eros.</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="about2">
					
				</div>
			</div>
			
		</div>
	</div>
	<!-- //About us -->
	<!-- Stats -->
<div class="stats-agileits">
	<div class="container">
	<h3 class="heading-agileinfo innn">Our Stats<span class="nnn">Business information an organisation</span></h3>
		<div class="stats-info agileits w3layouts">
			<div class="col-md-3 agileits w3layouts col-sm-6 stats-grid stats-grid-1">
				<div class="stat-info-w3ls">
					<i class="fa fa-globe" aria-hidden="true"></i>
					<div class="numscroller agileits-w3layouts" data-slno='1' data-min='0' data-max='520' data-delay='3' data-increment="2">520</div>
					<h4 class="agileits w3layouts">Visited clients</h4>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 agileits w3layouts stats-grid stats-grid-2">
				<div class="stat-info-w3ls">
					<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
					<div class="numscroller agileits-w3layouts" data-slno='1' data-min='0' data-max='980' data-delay='3' data-increment="2">980</div>
					<h4 class="agileits w3layouts">Satisfied customers</h4>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 stats-grid agileits w3layouts stats-grid-3">
				<div class="stat-info-w3ls">
					<i class="fa fa-trophy" aria-hidden="true"></i>
					<div class="numscroller agileits-w3layouts" data-slno='1' data-min='0' data-max='425' data-delay='3' data-increment="2">425</div>
					<h4 class="agileits w3layouts">Best deals</h4>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 stats-grid stats-grid-4 agileits w3layouts">
				<div class="stat-info-w3ls">
					<i class="fa fa-users" aria-hidden="true"></i>
					<div class="numscroller agileits-w3layouts" data-slno='1' data-min='0' data-max='180' data-delay='3' data-increment="2">180</div>
					<h4 class="agileits w3layouts">Agents</h4>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
	<!-- //Stats -->
<!-- testimonials -->
<div class="testimonials">
	<div class="container"> 
	   <h3 class="heading-agileinfo">What Clients Say<span>Business information an organisation</span></h3>
		<span class="w3-line black"></span>
		<div class="agile_testimonials_grids">
			<ul id="flexiselDemo1">	
				<li>
					<div class="agile_testimonials_grid">
						<div class="agile_testimonials_grid1">
							<div class="w3_agile_testimonials_grid_right test-tooltip1">
								 <p>Vivamus sed porttitor felis. Pellentesque habitant morbi tristique senectus et netus et 
								malesuada fames ac turpis egestas.Sed lorem enim, .</p>
							</div>
							<div class="w3_agile_testimonials_grid">
								<div class="w3_agile_testimonials_grid_left">
									<img src="images/t2.jpg" alt=" " class="img-responsive" />
								</div>
								<div class="tex-t">
									<h4>Steve Smith</h4>
								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="agile_testimonials_grid">
						<div class="agile_testimonials_grid1">
							<div class="w3_agile_testimonials_grid_right test-tooltip1">
								 <p>Vivamus sed porttitor felis. Pellentesque habitant morbi tristique senectus et netus et 
								malesuada fames ac turpis egestas.Sed lorem enim, .</p>
							</div>
							<div class="w3_agile_testimonials_grid">
								<div class="w3_agile_testimonials_grid_left">
									<img src="images/t4.jpg" alt=" " class="img-responsive" />
								</div>
								<div class="tex-t">
									<h4>Shane Watson</h4>
								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="agile_testimonials_grid">
						<div class="agile_testimonials_grid1">
							<div class="w3_agile_testimonials_grid_right test-tooltip1">
								 <p>Vivamus sed porttitor felis. Pellentesque habitant morbi tristique senectus et netus et 
								malesuada fames ac turpis egestas.Sed lorem enim, .</p>
							</div>
							<div class="w3_agile_testimonials_grid">
								<div class="w3_agile_testimonials_grid_left">
									<img src="images/t1.jpg" alt=" " class="img-responsive" />
								</div>
								<div class="tex-t">
									<h4>Shane Rosey</h4>
								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</li>	
			</ul>
		</div>
	</div>
</div>
<!-- //testimonials -->
<!-- wthree-mid -->
	<div class="wthree-mid">
		<div class="container">
			<h3>Nisl amet dolor sit ipsum veroeros sed blandit</h3>
			<p>Standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p>
			<div class="botton">
				<a href="about.html">About Us</a>
			</div>
		</div>
	</div>
<!-- //wthree-mid -->
<!-- news -->
	<div class="news">
		<div class="container">  
				<h3 class="heading-agileinfo">Latest News<span>Business information an organisation</span></h3>
			<div class="news-agileinfo"> 
				<div class="news-w3row"> 
					<div class="wthree-news-grids">
						<div class="col-md-5 col-xs-5 datew3-agileits">
							<img src="images/g2.jpg" class="img-responsive" alt=""/>
						</div>
						<div class="col-md-7 col-xs-7 datew3-agileits-info ">
							<h5><a href="#" data-toggle="modal" data-target="#myModal">Sit amet justo vitae</a></h5>
							<h6>30/01/2018</h6>
							<p>Proin euismod vehicula vestibulum. Fusce ullamcorper aliquet dolor id egestas. Nulla leo purus, facilisis non cursus ut, egestas sed ipsum.Fusce ullamcorper aliquet dolor id egestas. Nulla leo purus, facilisis non cursus ut, egestas sed ipsum.Fusce ullamcorper aliquet dolor id egestas. Nulla leo purus, facilisis non cursus ut, egestas sed ipsum.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					
					
					<div class="wthree-news-grids news-grids-mdl">
						<div class="col-md-5 col-xs-5 datew3-agileits datew3-agileits-fltrt">
							<img src="images/g3.jpg" class="img-responsive" alt=""/>
						</div>
						<div class="col-md-7 col-xs-7 datew3-agileits-info datew3-agileits-info-fltlft">
							<h5><a href="#" data-toggle="modal" data-target="#myModal">Fusce scelerisque</a></h5>
							<h6>25/01/2018</h6>
							<p>Proin euismod vehicula vestibulum. Fusce ullamcorper aliquet dolor id egestas. Nulla leo purus, facilisis non cursus ut, egestas sed ipsum.Fusce ullamcorper aliquet dolor id egestas. Nulla leo purus, facilisis non cursus ut, egestas sed ipsum.Fusce ullamcorper aliquet dolor id egestas. Nulla leo purus, facilisis non cursus ut, egestas sed ipsum.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
				
			</div>
		</div>
	</div>
	<!-- //news -->
	<!-- footer -->
	<div class="footer_top_agileits">
		<div class="container">
			<div class="col-md-4 footer_grid">
				<h3>About Us</h3>
				<p>Nam libero tempore cum vulputate id est id, pretium semper enim. Morbi viverra congue nisi vel pulvinar posuere sapien
					eros.
				</p>
			</div>
			<div class="col-md-4 footer_grid">
				<h3>Latest News</h3>
				<ul class="footer_grid_list">
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="#" data-toggle="modal" data-target="#myModal">Lorem ipsum neque vulputate </a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="#" data-toggle="modal" data-target="#myModal">Dolor amet sed quam vitae</a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="#" data-toggle="modal" data-target="#myModal">Lorem ipsum neque, vulputate </a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="#" data-toggle="modal" data-target="#myModal">Dolor amet sed quam vitae</a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="#" data-toggle="modal" data-target="#myModal">Lorem ipsum neque, vulputate </a>
					</li>
				</ul>
			</div>
			<div class="col-md-4 footer_grid">
				<h3>Contact Info</h3>
				<ul class="address">
					<li><i class="fa fa-map-marker" aria-hidden="true"></i>8088 USA, Honey block, <span>New York City.</span></li>
					<li><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:info@example.com">info@example.com</a></li>
					<li><i class="fa fa-phone" aria-hidden="true"></i>+09187 8088 9436</li>
				</ul>
			</div>
			<div class="clearfix"> </div>
			<div class="footer_grids">
				<div class="col-md-4 footer_grid_left">
					<h3>Sign up for our Newsletter</h3>
				</div>
				<div class="col-md-8 footer_grid_right">

					<form action="#" method="post">
						<input type="email" name="Email" placeholder="Enter Email Address..." required="">
						<input type="submit" value="Submit">
					</form>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<div class="footer_w3ls">
		<div class="container">
					<div class="footer_bottom1">
						<p>© 2018 Metier. All rights reserved | Design by <a href="#">技术公司</a></p>
					</div>
		</div>
	</div>
	<!-- //footer -->
<!-- modal -->
	<div class="modal about-modal fade" id="myModal" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header"> 
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>						
					<h4 class="modal-title">Metier</h4>
				</div> 
				<div class="modal-body">
					<div class="agileits-w3layouts-info">
						<img src="images/g1.jpg" class="img-responsive" alt="" />
						<p>Duis venenatis, turpis eu bibendum porttitor, sapien quam ultricies tellus, ac rhoncus risus odio eget nunc. Pellentesque ac fermentum diam. Integer eu facilisis nunc, a iaculis felis. Pellentesque pellentesque tempor enim, in dapibus turpis porttitor quis. Suspendisse ultrices hendrerit massa. Nam id metus id tellus ultrices ullamcorper.  Cras tempor massa luctus, varius lacus sit amet, blandit lorem. Duis auctor in tortor sed tristique. Proin sed finibus sem</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- //modal -->
<!-- main -->
<!-- search-scripts -->
	<script src="js/classie.js"></script>
	<script src="js/uisearch.js"></script>
	<script>
	new UISearch( document.getElementById( 'sb-search' ) );
	</script>
<!-- //search-scripts -->
<!-- js -->
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<!-- for bootstrap working -->
	<script src="js/bootstrap.js"></script>
	<!-- //for bootstrap working -->
<!-- //js -->
<!-- Baneer-js -->
<!--FlexSlider-->
	<script defer src="js/jquery.flexslider.js"></script>
<!--Start-slider-script-->
		<script type="text/javascript">
		
		$(window).load(function(){
		  $('.flexslider').flexslider({
			animation: "slide",
			start: function(slider){
			  $('body').removeClass('loading');
			}
		  });
		});
	  </script>
<!--End-slider-script-->
<!-- //Baneer-js -->
<script type="text/javascript" src="js/numscroller-1.0.js"></script>
<!-- numscroller js file -->
<!-- js for navigation -->
	<script src="js/nav.js"></script>
<!-- //js for navigation -->
	<!-- clients -->
			<script type="text/javascript">
					$(window).load(function() {
						$("#flexiselDemo1").flexisel({
							visibleItems: 2,
							animationSpeed: 1000,
							autoPlay:false,
							autoPlaySpeed: 2500,    		
							pauseOnHover: true,
							enableResponsiveBreakpoints: true,
							responsiveBreakpoints: { 
								portrait: { 
									changePoint:480,
									visibleItems: 1
								}, 
								landscape: { 
									changePoint:640,
									visibleItems:1
								},
								tablet: { 
									changePoint:768,
									visibleItems: 1
								}
							}
						});
						
					});
			</script>
			<script type="text/javascript" src="js/jquery.flexisel.js"></script>
	<!-- //clients -->
<!-- //here starts scrolling icon -->
<script src="js/SmoothScroll.min.js"></script>
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<!-- here stars scrolling script -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling script -->
<!-- //here ends scrolling icon -->
<!-- scrolling script -->
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script> 
<!-- //scrolling script -->
</body>
</html>